<div class="box">
  <div class="box-title">
    <span>{{ title }}</span>
    <span>{{ itmeData }}</span>
  </div>

  <div style="position: relative; left: -18px; top: 5px; padding: 0;">
    <apes-steps class="customer-car" *ngFor="let step of itemList">
      <apes-step *ngFor="let item of step.items"
      [apesStatus]="item.status"
      [apesTitle]="item.title"
      [apesDescription]="item.Description"
      [apesType]="item.type"></apes-step>
    </apes-steps>
  </div>

  <div class="box-tab">
    <table  style="table-layout: fixed; width: 875px">
      <thead>
      <tr>
        <td *ngFor="let header of titleList" [ngStyle]="{width: header.width}">
          <span>{{ header.headerName }}</span>
        </td>
      </tr>
      </thead>
      <tbody>
      <tr *ngFor="let page of reportData">
        <td *ngFor="let header of titleList" [class.warning]='page["TIO"] > 0 ' >
                <span *ngIf=' ("HS" !== header["field"]) && ("TIO" !== header["field"]) && ("WCBJ" !== header["field"]) && ("SGSC" !== header["field"]) ' >
                    <img *ngIf=' "TPLJ" === header["logo"] '  class="logo"
                         [src]="page['TPLJ'] ? 'http://yyftp.jekunauto.com/' + page['TPLJ'] : 'http://yyftp.jekunauto.com/default/Logo51*51.png' " />
                    {{ page[header['field']] }}
                </span>
          <img *ngIf=' "WCBJ" === header["field"] '
            [src]=" (page['WCBJ'] === 1 ) ? 'assets/tmp/img/bi/clE.png' : 'assets/tmp/img/bi/jinggao.png' " />
          <i *ngIf=' "TIO" === header["field"] '>
            {{ toHour(page["TIO"]) }}
            <img *ngIf='"TIO" === header["field"]' class="waringImg"
                 [src]=" (page['TIO'] > 1 ) ? 'assets/tmp/img/bi/swzx_06.png' : 'assets/tmp/img/bi/jinggao.png' "  />
          </i>
          <i *ngIf=' "HS" === header["field"] '>
            {{ toHour(page["HS"]) }}
          </i>
          <i *ngIf=' "SGSC" === header["field"] '>
            {{ toHour(page["SGSC"]) }}
          </i>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</div>
